<template>
    <fieldset>
        <legend>详情页</legend>
        <h1>{{current.title}}</h1>
        <img :src="current.pic" height="100" alt="">
        <h2>{{current.description}}</h2>
    </fieldset>
</template>

<script>

//动态路由参数  列表到详情
let data = [
    {
        id:1,
        title:'流星蝴蝶标',
        pic:'https://img1.baidu.com/it/u=2789859932,1558128142&fm=253&fmt=auto&app=138&f=GIF?w=480&h=474',
        description:'飞去来器（boomerang）又名回旋镖、自归器、飞去飞来器等其它名称，顾名思义就是飞出去以后会再飞回来。它的形状有“V”字型、香蕉型、钟型、三叶型、“十”字型、多叶型，以及其它的各种造型。很多人在电视中曾见过杂技表演者将飞去来器飞出去以后绕观众的头顶盘旋一圈在一片惊呼声中又飞回表演者的手中并获得满堂喝彩。（其实只要多加练习你们也可以做得到）“V”字型和香蕉型的飞去来器曾是澳大利亚土著人的传统狩猎工具，熟练的猎手向猎物发出飞去来器以后，如果没有击中目标飞去来器会神奇般的返回发出者的手中。'
    },
    {
        id:2,
        title:'轩辕剑',
        pic:'https://bkimg.cdn.bcebos.com/pic/d62a6059252dd42a2834dc44526b4cb5c9ea14ce1299?x-bce-process=image/resize,m_lfit,w_536,limit_1/format,f_jpg',
        description:'轩辕剑，中国古代十大名剑之一，传说中的神兵利刃。轩辕剑又名轩辕夏禹剑，是一把圣道之剑。由众仙采首山之铜为黄帝所铸，后传与夏禹。剑身一面刻日月星辰，一面刻山川草木。剑柄一面书农耕畜养之术，一面书四海一统之策。其内蕴藏无穷之力，为斩妖除魔的神剑。'
    },
    {
        id:3,
        title:'丈八蛇矛',
        pic:'https://img1.baidu.com/it/u=232169624,1571360839&fm=253&fmt=auto&app=138&f=JPEG?w=640&h=480',
        description:'丈八蛇矛是古代兵器名称，又名丈八点钢矛。全用镔铁点钢打造，矛杆长一丈，矛尖长八寸，刃开双锋，作游蛇形状，故而名之。兵器使用者有张飞、林冲、陈安等。'
    },
    {
        id:4,
        title:'金枪刺',
        pic:'https://bkimg.cdn.bcebos.com/pic/4bed2e738bd4b31c8b025ed980d6277f9e2ff892?x-bce-process=image/resize,m_lfit,w_536,limit_1/format,f_jpg',
        description:'枪长而锋利尖锐，使用灵便，枪头刃可刺可斩，可刺穿盔甲；枪杆抓住，可格挡兵器，也可棒打或投掷杀敌，威力比棍棒类钝器强。武将可骑战马冲锋刺敌，或下马步战。'
    },
    {
        id:5,
        title:'青龙刀',
        pic:'https://bkimg.cdn.bcebos.com/pic/0e2442a7d933c895aecfca7bd51373f082020078?x-bce-process=image/resize,m_lfit,w_536,limit_1/format,f_jpg',
        description:'青龙偃月刀与丈八蛇矛齐名，它们先后成名，从此一发不可收，扬名天下。使用它的，有东汉光武帝刘秀的爱将---“美髯公”岑彭。而最著名的当属武圣人——关羽，一个义字当头的英雄，所以他成就了刘备的霸业。青龙偃月刀就像是拥有灵魂的东西，他会自己去选择自己的主人。所以它在拥有了巨大的力量的同时，也拥有最完美的主人，得到最大极限的发挥。'
    },
]
export default {

    data(){
        return{
            details:data,
            current:{}
        }
    },
    mounted () {
        //获取动态传递过来的id
        console.log(this.$route);
        let id = this.$route.params.id
    this.current= this.details.find(item=>item.id == id)

    }
}

</script>